<extend name="zh_tw:Public:base" />
<block name="title">
    <title>美住 - 其他設置</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/common_control.css?rev=65393a524028c7e3b76e961a08059c7d">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/HotelPage/setting.css?rev=6f0420ddcc8614db7348010f79a4b38a">
</block>
<block name="document">
    <div id="doc" class="container-above-md">
        <include file="zh_tw:Public:Include_control_navbar" navbar-menu-setting="active" />
        <div id="doc-body" class="row">
            <include file="zh_tw:Public:Include_setting_side" doc-side-pay="active" />
            <div id="doc-center">
                <include file="zh_tw:Public:Include_advanced_tab" advanced-tab-other="btn-primary" />
                <if condition="checkAccess($adminAuthority, 'Home/BookSettingPage/index')">
                    <div class="content-panel">
                        <div class="content-panel-header">
                            <div class="content-panel-title">應用程序簽發打印開關</div>
                        </div>
                        <div class="content-panel-body">
                            <div class="content-panel-help">開關打開時，美住頁面上的簽發打印只能在美住的應用程序中操作；關閉則美住頁面上的簽發打印在當前瀏覽器中操作。</div>
                            <div class="tag-list clearfix">
                            <form class="form-horizontal form-sm">
                                <div class="form-group">
                                    <div class="col-xs-1" style="padding: 6px 0;width: 48px;">
                                        <label class="switch ulite-js-switch ulite-js-ripple-effect ulite-js-ripple-effect--ignore-events is-upgraded" id="printSwitch"  data-upgraded=",MaterialSwitch,MaterialRipple">
                                            <span class="switch-label switch-label-sm"></span>
                                        <div class="switch-track"></div><div class="switch-thumb"><span class="switch-focus-helper"></span></div><span class="switch-ripple-container ulite-js-ripple-effect ulite-ripple--center" data-upgraded=",MaterialRipple"><span class="ripple is-animating"></span></span></label>
                                    </div>
                                    <div class="col-xs-5">
                                        <div class="help-block"></div>
                                    </div>
                                </div>
                            </form>                            
                            </div>
                        </div>
                    </div>   
                    <div class="content-panel">
                        <div class="content-panel-header">
                            <div class="content-panel-title">查房開關</div>
                        </div>
                        <div class="content-panel-body">
                            <div class="content-panel-help">開關打開時，美住辦理退房時，則可發送查房任務給已有權限的職員進行查房提醒，在APP上快速操作反饋查房結果。反之關閉則不使用此功能。</div>
                            <div class="tag-list clearfix">
                            <form class="form-horizontal form-sm">
                                <div class="form-group">
                                    <div class="col-xs-1" style="padding: 6px 0;width: 48px;">
                                        <label class="switch ulite-js-switch ulite-js-ripple-effect ulite-js-ripple-effect--ignore-events is-upgraded" id="wardRoundSwitch"  data-upgraded=",MaterialSwitch,MaterialRipple">
                                            <span class="switch-label switch-label-sm"></span>
                                        <div class="switch-track"></div><div class="switch-thumb"><span class="switch-focus-helper"></span></div><span class="switch-ripple-container ulite-js-ripple-effect ulite-ripple--center" data-upgraded=",MaterialRipple"><span class="ripple is-animating"></span></span></label>
                                    </div>
                                    <div class="col-xs-5">
                                        <div class="help-block"></div>
                                    </div>
                                </div>
                            </form>                            
                            </div>
                        </div>
                    </div>   
                
                
                    <div class="content-panel">
                        <div class="content-panel-header">
                            <div class="content-panel-title">記壹筆項目設置</div>
                        </div>
                        <div class="content-panel-body">
                            <div class="content-panel-help">可添加記壹筆項目，最多只能10種。</div>
                            <div class="content-panel-project">
                                <div class="project-list active" data-value = '1'>收入項目</div>
                                <div class="project-list" data-value = '2'>支出項目</div>
                            </div>
                            <div class="tag-list clearfix">
                                <volist name="hotelNote" id="info">
                                    <if condition="($info['type'] eq 1)">
                                        <div class="tag-item income-project" data-value="{$info.id}">
                                            <div class="tag-item-inner">
                                                <div class="nowrap-content">{$info.name}</div>
                                                <span data-toggle="modal" data-target="#deleteBooksModal" class="iconfont icon-minus text-accent deleteBooksBtn"></span>
                                                <div class="edit-content">
                                                    <input type="text"  class="form-control pull-left edit-input hidden" />
                                                    <a href="javascript:void(0);" class="btn-link text-sm edit-btn">修改</a>
                                                    <a href="javascript:void(0);" class="btn-link text-sm confirm-btn hidden">確定</a>
                                                </div>
                                            </div>
                                        </div>
                                    <else />
                                        <div class="tag-item expend-project hidden" data-value="{$info.id}">
                                            <div class="tag-item-inner">
                                                <div class="nowrap-content">{$info.name}</div>
                                                <span data-toggle="modal" data-target="#deleteBooksModal" class="iconfont icon-minus text-accent deleteBooksBtn"></span>
                                                <div class="edit-content">
                                                    <input type="text"  class="form-control pull-left edit-input hidden" />
                                                    <a href="javascript:void(0);" class="btn-link text-sm edit-btn">修改</a>
                                                    <a href="javascript:void(0);" class="btn-link text-sm confirm-btn hidden">確定</a>
                                                </div>                                            
                                            </div>
                                        </div>
                                    </if>
                                </volist>
                                <div class="tag-item">
                                    <input type="text" class="form-control pull-left" id="addBooks" autocomplete="off" maxlength="15" placeholder="+添加新項目" value="">
                                    <button type="button" class="pull-left btn-primary btn-raised btn-square glyphicon glyphicon-plus ulite-js-btn" data-value = '1' id="submitBooks"></button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="content-panel">
                        <div class="content-panel-header">
                            <div class="content-panel-title">其他消費項目設置</div>
                        </div>
                        <div class="content-panel-body">
                            <div class="content-panel-help">可添加消費項目，最多只能10種。</div>
                            <div class="tag-list clearfix">
                                <volist name="hotelCost" id="info">
                                    <div class="tag-item" data-value="{$info.id}">
                                        <div class="tag-item-inner">
                                            <div class="nowrap-content">{$info.name}</div>
                                            <span data-toggle="modal" data-target="#deleteEspeciallyModal" class="iconfont icon-minus text-accent deleteEspecially"></span>
                                            <div class="edit-content">
                                                <input type="text" class="form-control pull-left editother-input hidden" />
                                                <a href="javascript:void(0);" class="btn-link text-sm editother-btn">修改</a>
                                                <a href="javascript:void(0);" class="btn-link text-sm confirmother-btn hidden">確定</a>
                                            </div>                                                 
                                        </div>
                                    </div>
                                </volist>
                                <div class="tag-item">
                                    <input type="text" class="form-control pull-left" id="addEspeciallyBooks" autocomplete="off" maxlength="15" placeholder="+添加新項目" value="">
                                    <button type="button" class="pull-left btn-primary btn-raised btn-square glyphicon glyphicon-plus ulite-js-btn" id="submitEspeciallyBooks"></button>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="content-panel">
                        <div class="content-panel-header">
                            <div class="content-panel-title">查房消費物品設置</div>
                        </div>
                        <div class="content-panel-body">
                            <div class="content-panel-help">可添加消費項目，最多只能10種。</div>
                            <div class="tag-list clearfix">
                                <volist name="hotelRoomCost" id="info">
                                    <div class="tag-item" data-value="{$info.id}">
                                        <div class="tag-item-inner">
                                            <div class="nowrap-content">{$info.name}</div>
                                            <span data-toggle="modal" data-target="#deleteWardRoundModal" class="iconfont icon-minus text-accent deleteWardRound"></span>
                                            <div class="edit-content">
                                                <input type="text" class="form-control pull-left wardRound-input hidden" />
                                                <a href="javascript:void(0);" class="btn-link text-sm wardRound-btn">修改</a>
                                                <a href="javascript:void(0);" class="btn-link text-sm confirmWardRound-btn hidden">確定</a>
                                            </div>                                                 
                                        </div>
                                    </div>
                                </volist>
                                <div class="tag-item">
                                    <input type="text" class="form-control pull-left" id="addWardRoundBooks" autocomplete="off" maxlength="15" placeholder="+添加新項目" value="">
                                    <button type="button" class="pull-left btn-primary btn-raised btn-square glyphicon glyphicon-plus ulite-js-btn" id="submitWardRoundBooks"></button>
                                </div>
                            </div>
                        </div>
                    </div>                    
                </if>

            </div>
            <!--end of doc-center-->
        </div>
        <!--end of doc body-->
    </div>
    <!--end of doc-->
    <div class="modal fade" data-backdrop="static" id="deleteBooksModal">
        <div class="modal-dialog modal-confirm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">刪除記壹筆項目</div>
                </div>
                <div class="modal-body">刪除項目有可能導致您的統計數據出錯，您確定要刪除嗎？</div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitBooksDelete">確定</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" data-backdrop="static" id="deleteEspeciallyModal">
        <div class="modal-dialog modal-confirm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">刪除其他消費項目</div>
                </div>
                <div class="modal-body">刪除項目有可能導致您的統計數據出錯，您確定要刪除嗎？</div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitEspeciallyDelete">確定</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>   
    <div class="modal fade" data-backdrop="static" id="deleteWardRoundModal">
        <div class="modal-dialog modal-confirm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">刪除查房消費物品</div>
                </div>
                <div class="modal-body">刪除項目有可能導致您的統計數據出錯，您確定要刪除嗎？</div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitWardRoundDelete">確定</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>           
    <script type="text/html" id="templateProject">
        <div class="tag-item" data-value="">
            <div class="tag-item-inner">
                <div class="nowrap-content project-name"></div>
                <span data-toggle="modal" data-target="#deleteBooksModal" class="iconfont icon-minus text-accent deleteBooksBtn"></span>
                <div class="edit-content">
                    <input type="text" class="form-control pull-left edit-input hidden" />
                    <a href="javascript:void(0);" class="btn-link text-sm edit-btn">修改</a>
                    <a href="javascript:void(0);" class="btn-link text-sm confirm-btn hidden">確定</a>
                </div>                          
            </div>
        </div>
    </script>     
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/dist/Home/common_control.js?rev=b0ccaee5f3f00af011a31069395d22ed"></script>
    <script type="text/javascript" src="/Public/dist/Home/HotelPage/pay.js?rev=a8e6656c6d3e0c9e801dbe7e1837e09a"></script>
</block>

